<template>
  <div class="wrap">
    <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>
    <div style="text-align: left; color: #adbcec; font-size: 20px">
      <el-header style="margin-left: 100px"
        >欢迎来到佳陪，您的专业陪护床提供商</el-header
      >
    </div>
    <el-carousel height="800px">
      <el-carousel-item v-for="item in imgwrap" :key="item.url">
        <img :src="item.url" />
      </el-carousel-item>
    </el-carousel>
    <el-divider></el-divider>

    <div style="width: 100%;">
    <div style="margin: 50px 500px; text-align: left;">
      <el-collapse>
        <el-collapse-item title="服务介绍" name="1">
          我们致力于为您提供高质量的陪护床解决方案，让照护变得更加简单、舒适。
        </el-collapse-item>
        <el-collapse-item title="产品特点" name="2">
          我们的产品具备先进的设计，易于操作，且符合人体工程学，旨在为患者提供极致的舒适度和安全性。<br>
          先进的材料: 使用高质量的材料，确保床的耐用性和患者的安全。<br>
          易于操作: 简洁的操作界面，使照护者能够轻松调节床位。<br>
          符合人体工程学设计: 床体设计符合人体工程学原理，提供良好的支撑和舒适度。<br>
          可调节性: 床位的高度、角度均可调节，以适应不同患者的需求。<br>
          附加功能: 如防褥疮气垫、紧急呼叫系统等，进一步提升患者的安全性和舒适性。<br>
        </el-collapse-item>
        <el-collapse-item title="客户反馈" name="3">
          加入我们的数千名满意客户，体验前所未有的照护服务。
        </el-collapse-item>
        <el-collapse-item title="呼叫行动" name="4">
          立即浏览我们的产品系列，找到适合您需求的陪护床！
        </el-collapse-item>
        <el-collapse-item title="设计理念" name="5">
          我们的陪护床采用人性化设计，注重用户体验，旨在为患者和照护者提供最大程度的便利和舒适。
        </el-collapse-item>
        <el-collapse-item title="适用场景" name="6">
          医疗机构（医院、康复中心）<br>
          居家照护<br>
          老年护理设施<br>
        </el-collapse-item>
      
        <el-collapse-item title="客户反馈" name="7">
          患者和照护者普遍反馈床具有极高的舒适度和易用性。<br>
          医疗机构评价其提高了照护效率和患者满意度。
        </el-collapse-item>
        <el-collapse-item title="保证与支持" name="8">
          我们提供全面的售后服务和保修政策，确保客户购买无忧。<br>
提供详细的产品使用说明和在线客服支持。
        </el-collapse-item>
        <el-collapse-item title="购买流程" name="9">
          在线浏览产品目录，选择适合的型号。<br>
通过网站或客服下单，享受快速安全的交付服务。<br>
提供定制服务，以满足特殊需求。
        </el-collapse-item>
        
      </el-collapse>

    </div>
  </div>
    <el-divider></el-divider>
    <div style="width: 100%;"  >
      <img src="../assets/logo.png" alt="" style="float: left; width: 400px; margin-left: 10%; margin-top: 8%;">
      <el-row>
  <el-col :span="50" style="float: right; margin-right: 200px;">
    <el-card style="float: right;">
      <img src="../assets/wangzhan.png" class="image" style="width: 300px;">&nbsp;&nbsp;&nbsp;&nbsp;
      <img src="../assets/wei.png" class="image" style="width: 300px;">
     
    </el-card>
  </el-col>
</el-row>
    </div>


    
  </div>
</template>
<script>
export default {
  data() {
    return {
      imgwrap: [
        { url: require("../assets/zhuye1.jpg") },
        { url: require("../assets/zhuye2.jpg") },
        { url: require("../assets/zhuye3.jpg") },
        { url: require("../assets/zhuye4.jpg") },
      ],
    };
  },
};
</script>
<style scoped>
.el-carousel-item img {
  width: 100%;
  height: 100%;
}
.wrap {
  height: 100%;
  overflow-x: hidden;
}
</style>
